/**
 * Created by zhangzhihao on 2016/12/06 11:00;
 */
var vm = new Vue({
    el: '#main',
    data: {
		path: '',
		wpath:[],
		rpath: '',  // 相对路径
		apath: '',  // 绝对路径
		pf: '', // 盘符
		archiveTime:'',  // 未完成数据清理周期
		endArchiveTime:'',  // 已完成数据归档周期
		apathlist: [{apath:'',space: ''}], // 绝对路径列表
		msg:'',  //提示信息
    },
    created: function () {
		this.search();
    },
    methods: {
		// 添加绝对路径录入框
		add:function() {
			let cope = {
				apath:'',
				space: ''
			};
			this.apathlist.push(cope);
		},
		// 删除绝对路径录入框
		del:function(index) {
			this.apathlist.splice(index, 1);
		},
		// 输入框失焦查询可用空间
		// seachSpace:function(apath) {
		// 	this.apathlist.forEach((item,i)=> {
		// 		if(item.apath == '') {
		// 			item.space = ''
		// 		}
		// 	})
		// 	data = {
		// 		"archiveDir": apath
		// 	}
		// 	axios({
		// 		method: 'post',
		// 		url: App.envUrl.backtrackUrl + 'quality/querySpace',
        //         // url: 'http://192.168.1.81:8080/slxt-web/quality/querySpace',  // 文华本地
		//
		// 		data: data,
		// 	})
		// 	.then((data) => {
		// 		console.log(data.data.code)
		// 		if(data.data.msg == '成功') {
		// 			this.apathlist.forEach((item) => {
		// 				if(apath == item.apath) {
		// 					item.space = data.data.data[0].value
		// 				}
		// 			})
		// 		}else {
		// 			showAlert(data.data.msg)
		// 			this.apathlist.forEach((item) => {
		// 				if(apath == item.apath) {
		// 					item.space = ''
		// 					item.apath = ''
		// 				}
		// 			})
		// 			return false
		// 		}
		//
		// 	})
		// 	.catch((err) => {});
		// },
		// 页面初始化数据
    	search:function(){
			var data = {};
			axios({
				method: 'post',
				url: App.envUrl.backtrackUrl + 'archive/queryAllArchive',
				// url: 'http://192.168.1.81:8080/slxt-web/archive/queryAllArchive',
				data: data,
			})
			.then((data) => {

				if(data.data && data.data.data && data.data.data.length>0){
					this.apathlist = data.data.data[0].list;
					this.archiveTime = data.data.data[0].archiveTime;
					this.endArchiveTime = data.data.data[0].endArchiveTime;
					this.rpath = data.data.data[0].path
				}
			})
			.catch((err) => {});
		},
		// 保存
        submit:function(){
			if(this.archiveTime == ''){
				showAlert('请输入未完成数据清理周期');
				return false
			}
			if(this.endArchiveTime == ''){
				showAlert('请输入已完成数据清理周期');
				return false
			}
			// if(this.apathlist[0].apath == ''){
			// 	showAlert('请输入已完成数据绝对路径');
			// 	return false
			// }

			if(this.rpath == ''){
				showAlert('请输入已完成数据路径');
				return false
			}
			
			if(this.rpath!=''&&this.rpath!=null){
				 if(this.rpath.substr(0,1) != '/') {
					 showAlert('您输入得地址格式不正确');
						return false
				 }
				if(this.rpath.charAt(this.rpath.length-1,1) =='/'){  //最后以为为/得判断
					showAlert('您输入得地址格式不正确');
					return false
				}
			}

			//拼接路径传给后台
			// if(this.rpath.substr(0,1) == '/') {
			// 	this.rpath = this.rpath.substr(1)
			// }
			// this.apathlist.forEach((item,index) => {
			// 	if(item.apath != '' ) {
			// 		var p = {
			// 			path: item.apath + this.rpath,
			// 		}
			// 		this.wpath.push(p)
			// 	}
			// });
			// this.path = JSON.stringify(this.wpath)
			var data = {
				archiveTime:this.archiveTime,
				endArchiveTime:this.endArchiveTime,
				archiveDir:this.rpath
			};
			axios({
				method: 'post',
				url: App.envUrl.backtrackUrl + 'archive/addArchive',
				data: data,
			})
			.then((data) => {
				if(data.data.code == '200'){
					showAlert('保存成功');
					this.search()
				} else {
					showAlert(data.data.msg);
				}
			})
			.catch((err) => {});
        },
        resetBtn: function(){
			history.go(0)
			// this.path = '';
			// this.archiveTime = '';
			// this.endArchiveTime = '';
        }
    }
});
function showAlert(text,callback){
	if(text){
		$("#my-alert").find(".am-modal-bd").html(text);
	}
	var $confirm = $('#my-alert');
	var $confirmBtn = $confirm.find('[data-am-modal-confirm]');
	$confirmBtn.off('click.confirm.modal.amui').unbind("click"); //移除click
	$confirmBtn.off('click.confirm.modal.amui').on('click', function() {
		if(callback){
        	callback();
        }
	});


	$('#my-alert').modal({
        relatedTarget: this,
    });
}
